﻿@charset "utf-8";
/* CSS Document */
input,textarea{ font-size:12px;}
input:focus{outline:none;}
dl{display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;}
.top_title{ width: 100%;background: rgba(26,26,27,0.8); height:50px; position:relative; text-align:center; line-height:50px; color:#fff; font-size:18px;}
.top_back{ left: 1.5%; padding: 2px; position: absolute; }/*top: 12px;*/
.top_back img{ width:10px; height:20px;}
.top_home{right: 1.5%;  position: absolute;top: 10px; }

.tab-btn{ width:98%; margin-left:1.5%; margin-top:20px;-moz-border-radius: 3px; 
}
.tab-btn p a{ display:block; width:32.5%; text-align:center; 
 float:left; color:#1D1E1F; border:1px solid #1D1E1F; height:30px; line-height:30px;
}
.tab-btn .tab-cur{ background:#888C8E; color:#FFF;}
.top1 { clear:both;padding-bottom:10px; margin-top:10px;}
.top1 li{ border-bottom:1px solid #e8e8e8; line-height:45px;}
.top1 li a{ margin-left:3%; color:#999;}
.top1 li a span{ width:18px; height:18px; color:#fff; line-height:18px; text-align:center; background:#C75A5A; display:inline-block;}
.top1 li a p{display:inline-block; margin-left:5px;}
.top1 li a em{display:inline-block; float:right; margin-right:2%;}
.top1 li a .top_hui{ background:#c2c2c2;}
.more{width:98%; margin:0 auto; height:30px; text-align:center; line-height:30px; clear:both; background:#797575; display:block; color:#fff;/* Gecko browsers */
-moz-border-radius: 3px; 
/* Webkit browsers */
-webkit-border-radius: 3px; 
/* W3C syntax - likely to be standard so use for future proofing */
border-radius:5px; margin-bottom:10px;}

/*Top_newsbook.html*/
.news_top{ margin-bottom:10px;}
.news_top02{ margin-bottom:10px;}
.news_top li{border-bottom:1px solid #e8e8e8;background: #fff}
.news_top_edit{ margin-bottom:10px;}
.news_top_edit li{border-bottom:1px solid #e8e8e8;}
.top_height{ margin-top:20px;}
.top_left{ float:left;}
.top_one{ width:18px; height:18px; text-align:center; color:#fff; background:#e94545; line-height:18px; position:absolute; top:0; left:0;}
.top_two{ background:#e8a71c;}
.top_three{ background:#4da308;}
.top_four{background:#c6c6c6;}

/*sort.html*/
.sort_title{ width:97%; height:40px; line-height:40px; margin-left:3%; font-size:18px; color:#666;}
.sort_table{ border-bottom:1px solid #e7e7e7;}
.sort_table tr td .sort_bule{ color:#008fe8;}
.sort_table tr td .sort_red{ color:#e94647;}
.sort_table tr td{ width:32%; height:40px; border:1px solid #e7e7e7; text-align:center; line-height:40px;    background-color: #fff;}
.sort_table tr td a{color:#333;}
.sort_table tr .table_line{ border-bottom:0; border-right:0; border-top:0;}
.sort_table tr .table_line02{ border-right:0; border-bottom:0;}
.filter{ width:100%; background:#f9f9f9; overflow:hidden;}
.filter dl{ overflow:hidden; padding-left:1.5%;}
.filter dt{ float:left;  line-height:28px;color:#666;}
.filter dd{ /*width:240px;*/ float:left; padding-left:10px;}
.filter dd a{ color:#999; line-height:28px; padding:0 5px 0 8px;}
.filter dd .bule_bj{ background:#008eea; padding:3px; color:#fff;}
/*Bookcase.html*/
.book_tab-btn{ width:100%; height:35px; line-height:35px; background:#f6f6f6;
}
.book_tab-btn p .tab-cur{ color:#008eea; border-bottom:2px solid #008eea;}
.book_tab-btn p a{ display:block; width:50%; text-align:center; 
color:#999;  height:35px; line-height:35px; float:left;
}
.book_top{ height:30px; line-height:30px; color:#999; width:97%; padding-left:2%; padding-top:5px;}
.book_red{ color:#e94545; display:inherit; padding:2px;}
.book_top span{ float:left;}
.compile{ float:right; color:#e94545; padding-right:5px;}
.Deletion{ position:absolute; top:5px; right:0; background:#f6f6f6; width:80px; height:30px; text-align:center;/* Gecko browsers */
-moz-border-radius: 3px; 
/* Webkit browsers */
-webkit-border-radius: 3px; 
/* W3C syntax - likely to be standard so use for future proofing */
border-radius:5px; line-height:30px; color:#666666; display:none;}
/*Search_index.html*/
.Search_top{ height:50px; border-bottom:2px solid #297acc;}
.Search_history li img{ margin:5px 5px 0 5px;  float:left;}
.Search_history li a{ display:block;}
.Search_history li p{ line-height:35px; }
.top1 li .one_search{ background:#e94545;}
.top1 li .two_search{ background:#e8a71c;}
.top1 li .three_search{ background:#4da308;}
.Label{ width:97%; margin:0 auto; overflow:hidden; margin-bottom:10px;}
.label_bule{ width:22%; height:30px; text-align:center; line-height:30px; border:1px solid #e5e4e4; color:#008eea; display:block; float:left; margin-right:3%;}
.search_bule{ color:#297acc; display:inline-block;}
.search_bule span{display:inline-block;}
.book_top02 span{ float:none;}
.book_top02{ margin-top:8px;}
.book_top02 .book_red{ display:inline-block;}
.book_ul,.book_ul03{ width:98%; padding:0; margin:0; margin-top:20px; overflow:hidden;}
.book_ul li{ border-bottom:1px solid #e4e4e4; }
.book_ul,.book_ul03 li p{ margin-left:2%; margin-bottom:8px;}
.book_ul02 li{ height:35px; line-height:35px;}
.hot li a em{ margin-right:5%;}
.book_tab-btn p .book_tab-cur{border-bottom:2px solid #008eea; color:#008eea;}
.Introduction{ padding-bottom:8px;}

/* book_details.html */
.one_title_left img{ width:84px; height:120px;}
.book_reading{ width:30%; height:35px; background:#74787B; color:#fff;/* Gecko browsers */
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
border-radius:5px; line-height:35px; display:block; float:left;text-align:center;margin-right:0 }
/*****************************************
.book_case{ width:32%; height:33px; border-left:1px solid #DEE1E4; color:#4595e6;
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
border-radius:5px; line-height:33px; display:block; float:left; margin-right:1%; text-align:center;}
.book_subscription{ width:32%; height:33px; line-height:33px;display:block; float:left; margin-right:1%; text-align:center;
 border:1px solid #dbdada; color:#999; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
border-radius:5px; }
*************************************/
.book_case_content{ clear:both; width:97%; margin-left:3%;-webkit-box-sizing:border-box;}
.book_case_content a{height:38px; line-height:38px;-webkit-box-flex:1;-webkit-border-radius:2px;display:block;}
.recommended{ width:45%; height:50px; border-right:1px solid #e0e0e0; float:left; margin-top:8px;}
.recommended_bule{ width:100%; height:25px; color:#519ce8; text-align:center; padding-top:3px;}
.recommended_word{ color:#666;}
.book_content_introduction{width:100%;padding:20px 10px;/* margin-left:3%; margin-bottom:15px;*/    background: #fff;}
.book_introduction{  color:#999999; text-indent:2em;}
.unfold{ float:right; color:#4595e6;}
.Work_label{ width:100%; height:40px; overflow:hidden; margin-top:5px;    border-bottom: 1px solid #008eea;}
.Work_label .sort_title{ font-size:16px;  width:100px; float:left;}
.Work_label .label_bule02{ padding:5px; float:left; width:auto; height:20px; margin-right:1%; margin-bottom:5px; font-size:12px; line-height:20px;}
.trans{ float:right; margin-right:3%; color:#4595e6; margin-top:10px;}
.trans img{ width:10px; height:14px;}
.Introduction_bule{ color:#4595e6;}
.Work_label02 .sort_title{ width:40%;}
.gift{height:80px; width:100%; padding:10px 0 10px 3%;background: #fff;}
.gift_one{ width:16%; float:left;}
.gift_one img{ margin:0 auto; display:block; width:35px; height:35px;}
.gift_one span{ clear:both; display:block; width:100%; text-align:center; color:#666;}
.Introduction_bule span{ color:#666;}
.Introduction_bule img{ width:17px; height:17px;border:1px solid #e0e0e0; }
.exceptional_ul li{ border-bottom:1px solid #e0e0e0;}
.exceptional_word{ color:#666; font-weight:bold;}
#tags02 li{ float:left; width:100px; height:25px; border-right:1px solid #666; text-align:center; line-height:25px;}
#tags02 li a{color:#666;}
#tags02{ height: 28px; width:96%; clear:both; padding:10px 0 15px 0px;margin-left:3%; }
#tags02 .selectTagg:after { width: 0;}
#tags02 li.selectTag a{ background: none repeat scroll 0 0 #008eea; z-index: 1; color:#fff; display:block;}
#tags li:first-child,#taggs li:first-child {margin-left: 0;}
.tagContenttt{ width:95%; margin:10px 0 0 3%; overflow:hidden;}
.Stick{ color:#339933; float:left;}
.digest{ color:#e94545;float:left; padding:0 2px;}
.comments_big{ margin-bottom:20px;}
.comments_top{ color:#409dd2;}
.comments_content{ padding:10px 0 10px 0; color:#999;line-height:1.3em;word-break:break-all;word-wrap:break-word;}
.comments_one{ margin:5px 0 0px 0; height:20px;}
.comments_urse{color:#409dd2; float:left;}
.comments_date{ float:right; color:#999;}
.reply-list{ padding:10px; padding-bottom:0; background:#f7f7f7;border-radius:3px; margin-top:10px; border:1px solid #e0e0e0;margin-bottom:10px; position:relative; clear:both;}
.ico{position:absolute; top:-6px;right:10px;display:block;width:11px; height:6px; background:url(../images/mobile-reply-list-arrow.png) no-repeat left top;}
.reply-list ul li{ border-bottom:1px solid #e0e0e0; overflow:hidden; margin-top:8px;}
.reply-list ul li a{ float:left; color:#9e6a21;}
.reply-list ul li p{ color:#999;}
.reply-list_one{ width:100%; margin-bottom:3px;}
.reply-list_date{ float:right; color:#999; padding-bottom:3px;}
.book_reply{ color:#008eea; padding:10px 0; font-weight:bold; padding-bottom:0;}
.top_height02{ margin-top:30px;}
.sort_title02{ height:40px;}
.sort_title b{ color:#999;}
.one h3{font-size:18px; color:#666; float:left;}
.book_one{ margin-top:10px; margin-left:3%; width:97%;}
.info_box_txt{ font-size:16px; color:#9d9d9d;}
.info_box_txt p{line-height:24px;width: 90%;}
.bule{ font-size:14px; color:#0065b5; margin-left:8px;}
.tushu_ul{ width:100%; padding:0; margin:0;}
.tushu_ul li{ border-bottom:1px solid #e0e0e0;}
.tushu_ul li p{ margin-left:3%; font-size:16px; color:#666;}
.read_atz::before{content:"  反序  ";}
.read_zta::before{content:"  正序  ";}
/*书列表*/
.book_list{clear:both; display:block;}
.book_list a{background: #fff;clear:both;line-height:38px;height:38px;padding:0px 0px 0px 3%;border-bottom:1px solid #dfdfdf;color:#4c4c4c;display:block;margin:0;background-size:138px; background-position:right -50px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.book_list a:hover{background:#f9f9f9;}
.book_list a span{color:#8f8f8f;}
.book_list a.active{background:#fff2d8}
.book_list a:last-child{margin-bottom:5px;border-bottom:0}
.book_list a:last-child.bb,.bb{border-bottom:1px solid #ddd}
.book_list em,.Roll li a em,.chapter_titile em{background:#ed5565;font-style:normal;color:#fff;font-family:Tahoma;padding:0 5px;border-radius:3px;font-size:14px;margin-right:5px; }
.read_atz,.read_zta{line-height:24px; overflow:hidden;color:#535252;border:0;background:url(/public/static/images/trans.png) no-repeat 3px center;  text-indent:16px;float:right;margin-top:10px; float:right; margin-right:1.5%; cursor:pointer; color:#4595e6; background-size:10px 17px;}
/*Comment02.html*/
.comments_top02 span{ color:#999; margin:5px 0 5px 0; height:30px; display:block; line-height:30px;}
.comments_top02 span a{ color:#666;}
.comments_top02 p{ font-weight:bold;}
.comment_button{ height:50px; border-bottom:1px solid #e0e0e0;}
.comment_button a{ float:right; color:#999; padding-top:10px;}
.comment_button a img{ width:17px; height:15px;}
.urse_reply{ width:98%; margin:0 auto; color:#999; margin-bottom:10px;}
.urse_reply li{ border-bottom:1px solid #e0e0e0; min-height:50px; padding-top:8px;}
.urse_reply li div a{ float:left; color:#008eea;}
.reply_time{ float:right; clear:both; height:30px;}
.urse_reply li div .reply02{ float:none;}
.fabiao{ width:100px; height:30px; text-align:center; color:#fff; line-height:30px; background:#008eea; display:block; margin:0 auto; border-radius:5px; margin-top:20px; margin-bottom:10px;}


/*Comment.html*/
.comment_title{ width:100%; height:50px; position:relative; text-align:center;  line-height:30px; margin-top:10px; font-size:18px; color:#666;}
.fabiao_p{ float:right; height:30px;color:#999; padding-right:8px;}
.fabiao_p img{padding:2px; width:15px; height:13px;} 


.Chapter{ width:98%;  line-height:50px; height:50px; color:#999; margin:0 auto; position:relative;}
.Chapter span{ float:left;}
.Roll{width:98%; margin:0 auto; color:#666; margin-bottom:10px;}
.Roll li{ line-height:35px; border-bottom:1px solid #e0e0e0;}
.Roll li a{width:98%; margin-left:2%; color:#666;}
.Roll li a img{ width:20px; height:20px; padding:3px 3px 0 0; display:inline-block; }
.roll_button{ position:absolute; right:0;color:#999;}
.roll_button img{ width:20px; height:17px; padding-right:3px;}
.Numbers{ color:#e94545;}
.Props{ width:22px; height:22px; border:1px solid #e0e0e0; margin-top:13px; margin-left:15px; float:left; display:block;}
.time{ text-align:right; padding-right:10px;}
.time img{ padding-right:3px; width:15px; height:14px;}
.book_ul03{width:100%; padding:0; margin:0;}
.book_ul03 li{border-bottom:1px solid #e4e4e4; }
.tab-con{ overflow:hidden; clear:both;}
.book_ul03 li .article{ margin-top:13px; float:left; margin-left:5px;}
.jiner{ width:100%;}

.reward{ width:98%; margin:0 auto; padding-top:10px;}
.reward li{ line-height:50px; border-bottom:1px solid #e0e0e0; height:50px;}
.reward li span article{ float:left; display:block; margin-left:8px;}
.dashang{ height:150px;}
.radio{ float:left; margin-top:13px; margin-left:15px;}
.text_input{ width:98%; margin:0 auto; height:30px; padding:10px 0 10px 0; color:#999; position:relative;-webkit-box-orient:vertical;}
.nuber{ width:83%;height:25px; border:1px solid #d6d4d4; position:absolute; right:2px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; padding:0;}
.text_input span{ line-height:20px; height:30px; position:absolute; left:2px; width:70px;}
.congratulation{ height:70px;}
.Money_button{    width: 180px;
    height: 45px;
    background: #696761;
    line-height: 45px;
    color: #fff;
    border-radius: 5px;
    display: block;
    clear: both;
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 25px; }
<!--vip_Chapter-->
.chapter_titile img{ width:20px; height:20px;}
.vip_Chapter{ margin-left:1.5%; color:#999;}
.vip_Chapter li{ line-height:35px;}
.Chapter_red{ color:#e84443;}
<!--My_Center.html-->
.urse_top{ width:100%; height:100px; border-bottom:1px solid #d6d4d4;}
.urse_img{ margin:20px 0 0 1.5%; width:70px; height:70px; float:left;border-radius:50%;}
.urse_name{ float:left; padding:30px 0 0 10px;}
.urse_name span{ height:25px; clear:both; color:#999; display:block;}
.urse_name .urse_bule{color:#008eea;}
.urse_ul{ clear:both; margin-bottom:50px; margin-top:20px;}
.urse_ul li{ position:relative; height:50px;}
.urse_ul li span img{ border:0; padding:5px; display:block; float:left;}
.urse_ul li .urse_span{ float:left; padding-left:5px;}
.urse_ul li .urse_span b{ color:#e21313;}
.urse_a{position:absolute; left:0; top:0; display:block; width:100%;z-index:9; height:100%;}
.urse_ul li .right_arwww{ position:absolute; right:5px; top:8px;}
.urse_ul li .right_arwww img{width:13px; height:24px;}
.urse_ul li .urse_span .urse_nuber{ width:25px; height:25px; background:#e21313; color:#fff; line-height:25px; display:block;-webkit-border-radius: 100px; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; position:absolute; right:10%; top:10px;font-weight:normal; font-size:12px; text-align:center;}
.urse_top02{ height:110px; background:#fff;border-bottom:1px solid #d6d4d4;}
<!--Recharge.html-->
.Payone{width:98%;height:50px; color:#999; margin:10px 0 0 1.5%; }
.Payone b{ color:#e94545;}
.pay_name{ color:#008eea;}
.hd{height: 30px; position: relative; width:100%; margin:0 auto; margin-bottom:20px;padding-top: 20px;padding-left:10px}
.hd ul{position: absolute;top:-1px; float: left; width:100%; }
.hd li{float: left; padding: 0 5px; cursor:pointer;height: 50px;line-height: 32px; border:1px solid #999; margin-left:2%;}
.hd li a { color:#666;}
.hd li.on{background: #008eea; line-height: 30px; color:#fff; display:block;}
.hd li.on a{ color:#fff;}
.hd li span{ clear:both; width:100%; display:block; height:25px; text-align:center; font-size:18px;}
.hd li .pay_size{ font-size:14px; color:#999;}
.hd .on a .pay_size{ font-size:14px; color:#fff;}
.line{ height:30px;}
.pay_title{ padding:10px 0 10px 0;}

.hd02{width:95%; margin:0 auto; height:60px;}
hd02 ul{ float: left; width:100%; }
.hd02 li{float: left; padding: 0 15px; cursor:pointer;height: 50px; border:1px solid #999; margin-left:2%; line-height:50px;}
.hd02 li a { color:#666;}
.hd02 li.on02{background: #008eea; line-height: 50px; color:#fff; display:block;}
.hd02 li.on02 a{ color:#fff;}
.hd02 li .pay_size{ font-size:14px; color:#999;}
.hd02 .on02 a .pay_size{ font-size:14px; color:#fff;}
.Other_pay{ width:95%; margin:0 auto; height:30px; color:#999; clear:both; margin-top:20px; margin-bottom:10px;}
.pay_text{ width:50%; height:25px; border:1px solid #d6d4d4; margin:5px;}
.money{ height:36px; width:95%; color:#999; margin:0 auto; padding:10px 0 10px 0;}
.money_read{ color:#e94545; font-size:24px;}
.my_book{ position:inherit;}
.my_book .chazuopin{ width:100px; height:30px; background:#dda50a; color:#fff; text-align:center; line-height:30px;  position:inherit; margin:20px 0 0 0;}
.my_p_content{ width:95%; margin:0 auto; padding-top:20px;}
.my_p_content li{ border-bottom:1px solid #d6d4d4;}
.comments_top03{ color:#666; font-weight:bold;}
.my_name span a{ color:#409dd2;}

/*catalogue.html*/
.fenye{ padding:15px 0 15px 0; overflow:hidden; margin:0 auto; width:90%; }
.fenye li{-webkit-box-flex:1;text-align:center;background:#4595e6;height:40px;line-height:40px;font-size:16px;width:30%;-webkit-border-radius:2px; float:left;}
.fenye li a{ color:#fff;}
.fenye li a:hover{background:#4595e6;}
.middle{ border:1px solid #4595e6;background:0;margin:0 5px;height:38px;position:relative;min-width:110px;width:40%;}
.middle select{position: relative;
border: 0;
color: #297acc;
-webkit-appearance: none;
font-size: 16px;
height: 100%;
width: 100%;
display: block;
padding: 0 20px 0 10px;
background: #fff;
text-align: left;}
.middle b{width: 8px;
height: 8px;
border: #297acc solid;
border-width: 1px 1px 0 0;
-webkit-transform: rotate(135deg);
display: block;
position: absolute;
right: 10px;
top: 14px;
}
.fenye .one_zhang{background: #ccc;}
.fenye .one_zhang a:hover{background: #ccc;}


/** 翻页 2015-9-28 **/
body { font-family: 微软雅黑;}
.tagContenttt  { overflow: visible;}
.hyPageBox { text-align: center;  padding-bottom: 50px;}
.hyPageBox .selPageBox { display: inline-block; position: relative;margin: 0 30px; }
.hyPageBox .prePage, .hyPageBox .nextPage { display: inline-block; width: 70px; height: 27px; background:#4595e6; color: #fff; text-align: center; line-height: 27px;font-size: 12px; border-radius: 3px; vertical-align: middle; cursor: pointer;}
.hyPageBox .selpage { display: inline-block; width: 63px; height: 25px; line-height: 25px; border: solid 1px #4595e6; vertical-align: middle;}
.hyPageBox .sel_txt { display: inline-block; width: 44px; font-style: normal;font-size: 12px; text-align: center; color: #4595e6;}
.hyPageBox .sel_arr { display: inline-block; background: url(../images/arr_down.png) no-repeat ; background-size: 100%; width: 10px; height: 5px;}
.hyPageBox .disable { background:#e1e2e2; cursor: default;}
.hyPageBox .pageList { border: solid 1px #4595e6; position: absolute; top: 27px; left: 0; width: 62px; z-index: 200; color: #4595e6; line-height: 27px; background:#fff;font-size: 12px;}

/** 充值 2015-9-28 **/

.Payone {height:40px; line-height:40px; color:#999; width:95%; margin:0 auto;}
.Payone:nth-child(3) {}
.hd ul {  position: relative;}
.hd li { margin: 0 10px 10px 0; width: 75px; text-align: center;}
.one h3 { font-size: 16px; font-weight: normal;}
.hd li span  { font-size: 16px;}
.hd .on a .pay_size,.hd a .pay_size { font-size: 12px;}
.Other_pay { margin-bottom: 20px}
.rechTip { font-size: 12px; margin-left: 82px;}

/** 评论 2015-9-28 **/
.fabiao_p img { vertical-align: middle;}
.fabiao_p { font-size: 12px;}
.comments_top p,.comments_top a { line-height:1.5em;font-size: 14px; }
p.comments_content { font-size: 14px;}
.comments_one span,.comments_one a, .comments_one  div { font-size: 12px; }
.reply-list { border:none; background: #f5f5f5; }
.ico { background-size: 100%;}
.book_reply { font-weight: normal; font-size: 12px;}
.reply-list ul li p,.reply-list ul li a, .reply-list ul li div { font-size: 12px; line-height: 1.3em;}


/** header **/
